<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="css/layui.css">
		<script type="text/javascript" src="layui.js"></script>
	</head>
	<body>
		<button class="layui-btn layui-btn-sm">
			<i class="layui-icon layui-icon-add-circle"></i>添加</button>
		<table class="layui-table">
			<colgroup>
				<col width="150" />
				<col width="200" />
				<col />
			</colgroup>
			<thead> 
				<tr>       
					<th>人物</th> 
					<th>民族</th> 
					<th>出场时间</th>       
					<th>格言</th>   
					<th>操作</th>
				</tr>    
			</thead>   
			<tbody>     
				<tr>       
					<td>贤心</td> 
					<td>汉族</td>
					<td>1989-10-14</td>       
					<td>人生似修行</td> 
				    <td>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-edit">编辑</i>
					</button>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-delete">删除</i>
					</button>
					</td>
				</tr>     
				<tr>       
					<td>张爱玲</td>     
					<td>汉族</td>
					<td>1920-09-30</td>       
					<td>于千万人之中遇见你所遇见的人…</td>    
					<td>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-edit">编辑</i>
					</button>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-delete">删除</i>
					</button>
					</td>
				</tr>   
				<tr>
					<td>Helen Keller</td>     
					<td>拉丁美裔</td>
					<td>1880-06-27</td>       
					<td>Life is either</td>  
					<td>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-edit">编辑</i>
					</button>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-delete">删除</i>
					</button>
					</td>
				</tr>   
				<tr>
					<td>岳飞</td>     
					<td>汉族</td>
					<td>1103-北宋苏宁二年</td>       
					<td>教科书再滥改，也抹不去"民族英雄"的事实</td>  
					<td>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-edit">编辑</i>
					</button>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-delete">删除</i>
					</button>
					</td>
				</tr>   
				<tr>
					<td>孟子</td>     
					<td>华夏族(汉族)</td>
					<td>公元前-372年</td>       
					<td>猿强，则国强。国强，则猿更强！</td> 
					<td>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-edit">编辑</i>
					</button>
					<button class="layui-btn layui-btn-xs">
					<i class="layui-icon layui-icon-delete">删除</i>
					</button>
					</td>
				</tr>   
			</tbody>
		</table>
		<script>
			layui.use(['layer','element'],function(){
				var layer = layui.layer,
				element = layui.element;
				layer.msg('Hello World')
			});
		</script>
	</body>
</html>
